h2{
    text-align: center;
}

th {
    background-color: rgb(226, 252, 219);
}

table {
    width: 50%;
    margin: 0 auto;
    border-collapse: collapse;
}

th, td {
    padding: 10px;
    text-align: center;
}

tr:nth-child(even):hover {
    background-color: rgb(255, 209, 251);

}


tr:nth-child(odd):active {
    background-color: rgb(191, 245, 255);
}

tr:nth-child(odd):hover {
    background-color: rgb(183, 217, 255);
}

tr:nth-child(even):active {
    background-color: rgb(255, 209, 178);
}

.button-container {
    text-align: center;
    margin-top: 20px;
}

.button-container button {
    margin: 0 10px;
}


